@charset "utf-8";
@import "_reset.scss";
@function r($px){
	@return $px / 64px *1rem;
}
.wrap{
	width:r(640px);
	height:r(1096px);
	background-color:#f3f4f6;
	.header{
		position:fixed;
		top:0;
		width:100%;
		height:r(87px);
		background-color:#f7f7f7;
		font-size:r(28px);
		border-bottom:1px solid #e3e3e3;
		z-index:5;
		.header_left{
			width:r(22px);
			height:r(37px);
			float:left;
			margin-left:r(29px);
			margin-top:r(26px);
			img{
				height:100%;
			}
		}
		.header_title{
			display:inline-block;
			text-align:center;
			width:r(400px);
			height:r(60px);
			margin:{
				left:r(69px);
				top:r(14px);
			}
			color:#333333;
			border-radius:5px;
			font-size:r(35px);
			line-height:r(60px);
		}
	}
	.content{
		width:100%;
		margin-top:r(87px);
		background:#fff;
		font-size:0;
		.item{
			width:95%;
			margin:0 auto;
			border-bottom:1px solid #e3e3e3;
			height:r(94px);
			.name{
				vertical-align:top;
				display:inline-block;
				font-size:r(26px);
				color:#333333;
				line-height:r(94px);
			}
			.target{
				float:right;
				vertical-align:top;
				display:inline-block;
				font-size:r(26px);
				color:#cccccc;
				line-height:r(94px);
			}
			i{
				line-height:r(94px);
				float:right;
				font-size:r(55px);
				color:#cccccc;
			}
		}
	}
	.btn{
		width:r(560px);
		height:r(80px);
		margin:0 auto;
		text-align:center;
		line-height:r(80px);
		color:#fff;
		background:#cc3333;
		font-size:r(35px);
		border-radius:5px;
		margin-top:r(30px);
	}
	.huancun{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(40,40,40,0.7);
		display: none;
		z-index:9;
		.hc_content{
			position: absolute;
			top: 50%;
			left: 50%;
			background-color:#f8f8f8;
			transform: translate(-50%,-50%);
			width:r(550px);
			height:r(300px);
			border-radius:15px;
			p{
				font-size:r(30px);
				text-align:center;
				color:#666666;
				line-height:r(154px);
				display:inline-block;
				width:95%;
				height:r(154px);
				border-bottom:1px solid #e3e3e3;
				margin-left:3%;
			}
			.hc_left{
				display:inline-block;
				width:r(235px);
				height:r(80px);
				border:1px solid #e3e3e3;
				text-align:center;
				line-height:r(80px);
				font-size:r(30px);
				color:#666666;
				background-color:#fff;
				border-radius:3px;
				margin-left:3%;
				margin-top:5%;
			}
			.hc_right{
				display:inline-block;
				width:r(235px);
				height:r(80px);
				border:1px solid #e3e3e3;
				text-align:center;
				line-height:r(80px);
				font-size:r(30px);
				color:#fff;
				background-color:#d62d31;
				border-radius:3px;
				margin-left:5%;
				margin-top:5%;
			}
		}
	}
	.kefu{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(40,40,40,0.7);
		display: none;
		z-index:9;
		.kf_content{
			position: absolute;
			top: 50%;
			left: 50%;
			background-color:#f8f8f8;
			transform: translate(-50%,-50%);
			width:r(550px);
			height:r(300px);
			border-radius:15px;
			font-size:0;
			p{
				font-size:r(30px);
				text-align:center;
				color:#666666;
				display:inline-block;
				width:95%;
				margin-left:2.5%;
				margin-top:r(40px);
				&:last-of-type{
					margin-top:r(20px);
					border-bottom:1px solid #e3e3e3;
					padding-bottom:r(40px);
				}
			}
			.kf_left{
				display:inline-block;
				width:r(235px);
				height:r(80px);
				border:1px solid #e3e3e3;
				text-align:center;
				line-height:r(80px);
				font-size:r(30px);
				color:#666666;
				background-color:#fff;
				border-radius:3px;
				margin-left:3%;
				margin-top:5%;
			}
			.kf_right{
				display:inline-block;
				width:r(235px);
				height:r(80px);
				border:1px solid #e3e3e3;
				text-align:center;
				line-height:r(80px);
				font-size:r(30px);
				color:#fff;
				background-color:#d62d31;
				border-radius:3px;
				margin-left:5%;
				margin-top:5%;
			}
		}
	}
}